<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" name="viewport" 
             content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi"/>
        
        <script type="text/javascript" src="../js/jQuery.js"></script>
        <script type="text/javascript"
            src="http://maps.google.co.kr/maps/api/js?sensor=true">
        </script>
        <script type="text/javascript" src="../js/marker.js"></script>
        <link rel="stylesheet" href="../css/bootstrap.min.css"/>
        <style type="text/css">
        
          html { height: 100% }
          body { height: 100%; margin: 0px; padding: 0px }
          #map_canvas { 
                width:100%;
                height:395px;
                border:1px solid #ddd;
                margin:2px;
                padding:0px;
            }
           #TreckingTitle{
                margin-top:5px;
                margin-bottom:5px;
                width:100%;
                height:20px;
                float:left;
                padding:0;
           }
           
           #TreckingTitleImage{
                width:50px;
                height:50px;
                margin-right:5px;
                padding:0px;
                float:left;
           }
           #titleImage{
                width:100%;
                height:100%;
           }
           
        </style>
        
        <title>
        </title>
        
    <head>
    
        <body>
            
            <div id="TreckingTitle"class="alert alert-success">     
                <strong>내 발자국들</strong><br/>
            </div>
    
            <div id="map_canvas" class="well">
            
            </div>
        </body>
</html>